<script setup>
  import Navigator  from './components/Navigator.vue'
  import Content  from './components/Content.vue'
  import {ref} from "vue"


  let da = ref('');

  //定义接收方法
  let revData = (data)=>{
     da.value = data;
  }
  
</script>
<template>
  <div>
      <hr>
      {{ navigator_menu }}
      <hr>
     <Navigator  @send="revData" class="navigator"></Navigator>
     <!-- 向子组件传递数据-->
     <Content class="content" :message="da"></Content>
    </div>
</template>
<style scoped>
   
    .navigator{
      width: 16%;
      height: 800px;
      display: inline-block;
      border: 1px blue solid;
      float: left;
    }
    .content{
      width: 83%;
      height: 800px;
      display: inline-block;
      border: 1px goldenrod solid;
      float: right;
    }
</style>